<!DOCTYPE html>
<!-- saved from url=(0043)https://miso.bithemer.com/product-grid.html -->
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="shortcut icon"
      type="image/png"
      href="https://miso.bithemer.com/assets/img/logo/favicon.png"
    />
    <title>Products</title>
    <link href="./static/css/bootstrap.min.css" rel="stylesheet" />
    <link href="./static/css/bootstrap-icons.min.css" rel="stylesheet" />
    <link href="./static/css/glightbox.min.css" rel="stylesheet" />
    <link href="./static/css/scrollcue.min.css" rel="stylesheet" />
    <link href="./static/css/tiny-slider.min.css" rel="stylesheet" />
    <link href="./static/css/countdown.min.css" rel="stylesheet" />
    <link href="./static/css/main.css" rel="stylesheet" />
    <link href="./static/css/custom-active.css" rel="stylesheet" />

  </head>

  <!-- Set Body to full screen when Preloader is showing. -->

  <body class="">
    <!-- Header -->
    <header id="header" class="fixed-top bg-body shadow-sm">
      <nav
        class="navbar header-navbar navbar-expand-xl pt-4 pb-4 pt-xl-1 pb-xl-1"
      >
        <div class="container">
          <a
            class="navbar-brand me-5"
            href="https://miso.bithemer.com/index.html"
          >
            <img src="./static/img/logo.png" alt="Miso" height="32" />
          </a>
          <div
            class="offcanvas offcanvas-navbar offcanvas-end border-start-0"
            tabindex="-1"
            id="offcanvasNavbar"
          >
            <div class="offcanvas-header border-bottom">
              <a
                class="navbar-brand"
                href="https://miso.bithemer.com/index.html"
              >
                <img src="./static/img/logo.png" alt="Miso" height="32" />
              </a>
              <button
                type="button"
                class="btn-close shadow-none"
                data-bs-dismiss="offcanvas"
                aria-label="Close"
              ></button>
            </div>
            <div class="offcanvas-body align-items-center">
              <ul class="navbar-nav flex-grow-1 fw-medium fs-6">
                <li class="nav-item me-2">
                  <a
                    class="nav-link text-uppercase pt-xl-4 pb-xl-4 active"
                    aria-current="page"
                    href="https://miso.bithemer.com/index.html"
                    >Home</a
                  >
                </li>
                <li class="nav-item dropdown me-2">
                  <a
                    class="nav-link text-uppercase dropdown-toggle-hover pt-xl-4 pb-xl-4"
                    href="https://miso.bithemer.com/product-grid.html"
                    aria-expanded="false"
                    data-bs-toggle="static"
                  >
                    <span>Fashion</span>
                    <i class="bi bi-chevron-down dropdown-toggle-icon"></i>
                  </a>
                  <div class="dropdown-menu rounded-1 border-0 shadow-sm">
                    <div class="d-xl-flex flex-nowrap p-xl-2">
                      <div class="me-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Women</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Shirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Dress</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Skirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Trousser</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Jacket</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Underwear</a
                            >
                          </li>
                        </ul>
                      </div>
                      <div class="ms-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Men</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >T-shirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Shirts</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Vest</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Jacket</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Pants</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Underwear</a
                            >
                          </li>
                        </ul>
                      </div>
                      <div class="ms-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Girls</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Shirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Dress</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Skirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Trousser</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Jacket</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Underwear</a
                            >
                          </li>
                        </ul>
                      </div>
                      <div class="me-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Boys</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >T-shirt</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Shirts</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Jacket</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Pants</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/product-grid.html"
                              >Underwear</a
                            >
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </li>
                <li class="nav-item dropdown me-2">
                  <a
                    class="nav-link text-uppercase dropdown-toggle-hover pt-xl-4 pb-xl-4"
                    href="https://miso.bithemer.com/product-grid.html"
                    aria-expanded="false"
                    data-bs-toggle="static"
                  >
                    <span>Accessories</span>
                    <i class="bi bi-chevron-down dropdown-toggle-icon"></i>
                  </a>
                  <ul class="dropdown-menu rounded-1 border-0 shadow-sm">
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Wallets</a
                      >
                    </li>
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Bags</a
                      >
                    </li>
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Shoses</a
                      >
                    </li>
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Glasses</a
                      >
                    </li>
                    <li>
                      <a
                        class="dropdown-item"
                        href="https://miso.bithemer.com/product-grid.html"
                        >Watches</a
                      >
                    </li>
                  </ul>
                </li>
                <li class="nav-item me-2">
                  <a
                    class="nav-link text-uppercase pt-xl-4 pb-xl-4"
                    href="https://miso.bithemer.com/blog.html"
                    >Blog</a
                  >
                </li>
                <li class="nav-item dropdown me-2">
                  <a
                    class="nav-link text-uppercase dropdown-toggle-hover pt-xl-4 pb-xl-4"
                    href="https://miso.bithemer.com/product-grid.html"
                    aria-expanded="false"
                    data-bs-toggle="static"
                  >
                    <span>Pages</span>
                    <i class="bi bi-chevron-down dropdown-toggle-icon"></i>
                  </a>
                  <div class="dropdown-menu rounded-1 border-0 shadow-sm">
                    <div class="d-xl-flex flex-nowrap p-xl-2">
                      <div class="me-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">My Account</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/dashboard.html"
                              >Dashboard</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/wishlist.html"
                              >Wishlist</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/orders.html"
                              >Orders</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/address.html"
                              >Address</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/setting.html"
                              >Setting</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/change-password.html"
                              >Change Password</a
                            >
                          </li>
                        </ul>
                      </div>
                      <div class="ms-xl-2">
                        <h6 class="ms-3 pt-2 pb-1 pe-2">Other Pages</h6>
                        <ul class="list-unstyled ms-4 ms-xl-0">
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/about.html"
                              >About</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/contact.html"
                              >Contact</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/shopping-cart.html"
                              >Shopping Cart</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/checkout.html"
                              >Checkout</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/404.html"
                              >404</a
                            >
                          </li>
                          <li>
                            <a
                              class="dropdown-item"
                              href="https://miso.bithemer.com/coming-soon.html"
                              >Coming Soon</a
                            >
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
              <ul
                class="list-inline mb-0 d-flex align-items-center nav-icon-links"
              >
                <li class="list-inline-item">
                  <a
                    data-bs-toggle="offcanvas"
                    href="https://miso.bithemer.com/product-grid.html#ocSearch"
                    class="icon-link"
                  >
                    <i class="bi bi-search"></i>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a
                    href="https://miso.bithemer.com/wishlist.html"
                    class="icon-link"
                  >
                    <i class="bi bi-heart"></i>
                    <span class="badge bg-dark">9+</span>
                  </a>
                </li>
                <li class="list-inline-item">
                  <a
                    data-bs-toggle="offcanvas"
                    href="https://miso.bithemer.com/product-grid.html#ocCart"
                    class="icon-link"
                  >
                    <i class="bi bi-bag"></i>
                    <span class="badge bg-dark">3</span>
                  </a>
                </li>
              </ul>
            </div>
          </div>
          <div class="d-flex justify-content-center ps-4 ms-auto">
            <a
              data-bs-toggle="modal"
              href="https://miso.bithemer.com/product-grid.html#mdlLogin"
              class="border-0 icon-link"
            >
              <img
                src="./static/img/a1.jpg"
                height="40"
                width="40"
                class="rounded-circle"
                alt=""
              />
            </a>
          </div>
          <button
            class="navbar-toggler shadow-none border-0"
            type="button"
            data-bs-toggle="offcanvas"
            data-bs-target="#offcanvasNavbar"
            aria-controls="offcanvasNavbar"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>
        </div>
      </nav>
    </header>
    <!-- /Header -->

    <!-- Offcanvas search -->
    <div
      class="offcanvas offcanvas-end border-start-0 p-3"
      tabindex="-1"
      id="ocSearch"
      aria-labelledby="h5Search"
    >
      <div class="offcanvas-header">
        <h3 class="offcanvas-title" id="h5Search">Search</h3>
        <button
          type="button"
          class="btn-close"
          data-bs-dismiss="offcanvas"
          aria-label="Close"
        ></button>
      </div>
      <div class="offcanvas-body">
        <div class="pb-4 mb-3 border-bottom">
          <form method="post">
            <div class="mb-3">
              <input
                type="email"
                class="form-control form-control-lg shadow-none fs-6 rounded-0"
                id="txtKeyword"
                placeholder="Product keyword..."
              />
            </div>
            <div class="mb-3">
              <select
                class="form-select form-select-lg shadow-none fs-6 rounded-0"
                aria-label="Categories"
              >
                <option selected="">Categories</option>
                <option value="1">Womens</option>
                <option value="2">Mens</option>
                <option value="3">Kids</option>
                <option value="4">Accessories</option>
              </select>
            </div>
            <button
              type="submit"
              class="btn btn-dark btn-lg fs-6 w-100 rounded-0"
            >
              Search products
            </button>
          </form>
        </div>
        <div class="pb-4 mb-3 border-bottom">
          <h6 class="mb-3 text-uppercase">Popular</h6>
          <ul class="list-inline small tag-list mb-0">
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/product-grid.html#"
                >Women Shoses</a
              >
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/product-grid.html#"
                >kid t-shirt</a
              >
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/product-grid.html#"
                >men clother</a
              >
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/product-grid.html#"
                >men wallets</a
              >
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/product-grid.html#">watches</a>
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/product-grid.html#">Glasses</a>
            </li>
            <li class="list-inline-item">
              <a href="https://miso.bithemer.com/product-grid.html#">t-shirt</a>
            </li>
          </ul>
        </div>
        <div class="pt-2">
          <h6 class="mb-3 text-uppercase">Categories</h6>
          <ul class="list-unstyled fw-semibold mb-0">
            <li class="pt-1 pb-1">
              <a
                href="https://miso.bithemer.com/product-grid.html#"
                class="link-body-emphasis"
                >Women</a
              >
            </li>
            <li class="pt-1 pb-1">
              <a
                href="https://miso.bithemer.com/product-grid.html#"
                class="link-body-emphasis"
                >men</a
              >
            </li>
            <li class="pt-1 pb-1">
              <a
                href="https://miso.bithemer.com/product-grid.html#"
                class="link-body-emphasis"
                >kids</a
              >
            </li>
            <li class="pt-1 pb-1">
              <a
                href="https://miso.bithemer.com/product-grid.html#"
                class="link-body-emphasis"
                >Accessories</a
              >
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- /Offcanvas search -->

    <!-- Offcanvas cart -->
    <div
      class="offcanvas offcanvas-end border-start-0 p-3"
      tabindex="-1"
      id="ocCart"
      aria-labelledby="h5Cart"
    >
      <div class="offcanvas-header">
        <h3 class="offcanvas-title" id="h5Cart">Shopping cart</h3>
        <button
          type="button"
          class="btn-close"
          data-bs-dismiss="offcanvas"
          aria-label="Close"
        ></button>
      </div>
      <div class="offcanvas-body">
        <div class="mb-4">
          <div
            class="link-body-emphasis link-hover d-flex align-items-center mb-4"
          >
            <a
              href="https://miso.bithemer.com/single-product.html"
              class="flex-shrink-0"
            >
              <img src="./static/img/p1.jpg" width="100" alt="..." />
            </a>
            <div class="flex-grow-1 ms-2">
              <h6 class="fw-medium">
                <a
                  href="https://miso.bithemer.com/single-product.html"
                  class="link-body-emphasis"
                >
                  Fierent nomi vitupera
                </a>
              </h6>
              <small class="text-secondary d-block mb-1">
                <span>Price: </span>
                <strong>$59</strong>
                <strong>(1)</strong>
              </small>
              <small class="text-secondary d-block mb-1">
                <span>Options: </span>
                <strong>Red</strong>/
                <strong>XL</strong>
              </small>
              <a
                href="https://miso.bithemer.com/product-grid.html#"
                class="d-flex align-items-center link-danger small"
              >
                <i class="bi bi-x"></i><span>Remove</span>
              </a>
            </div>
          </div>
          <div
            class="link-body-emphasis link-hover d-flex align-items-center mb-4"
          >
            <a
              href="https://miso.bithemer.com/single-product.html"
              class="flex-shrink-0"
            >
              <img src="./static/img/p2.jpg" width="100" alt="..." />
            </a>
            <div class="flex-grow-1 ms-3">
              <h6 class="fw-medium">
                <a
                  href="https://miso.bithemer.com/single-product.html"
                  class="link-body-emphasis"
                >
                  Fierent nomi vitupera
                </a>
              </h6>
              <small class="text-secondary d-block mb-1">
                <span>Price: </span>
                <strong>$59</strong>
                <strong>(2)</strong>
              </small>
              <small class="text-secondary d-block mb-1">
                <span>Options: </span>
                <strong>Red</strong>/
                <strong>XL</strong>
              </small>
              <a
                href="https://miso.bithemer.com/product-grid.html#"
                class="d-flex align-items-center link-danger small"
              >
                <i class="bi bi-x"></i><span>Remove</span>
              </a>
            </div>
          </div>
          <div
            class="link-body-emphasis link-hover d-flex align-items-center mb-4"
          >
            <a
              href="https://miso.bithemer.com/single-product.html"
              class="flex-shrink-0"
            >
              <img src="./static/img/p3.jpg" width="100" alt="..." />
            </a>
            <div class="flex-grow-1 ms-3">
              <h6 class="fw-medium">
                <a
                  href="https://miso.bithemer.com/single-product.html"
                  class="link-body-emphasis"
                >
                  Fierent nomi vitupera
                </a>
              </h6>
              <small class="text-secondary d-block mb-1">
                <span>Price: </span>
                <strong>$59</strong>
                <strong>(1)</strong>
              </small>
              <small class="text-secondary d-block mb-1">
                <span>Options: </span>
                <strong>Red</strong>/
                <strong>XL</strong>
              </small>
              <a
                href="https://miso.bithemer.com/product-grid.html#"
                class="d-flex align-items-center link-danger small"
              >
                <i class="bi bi-x"></i><span>Remove</span>
              </a>
            </div>
          </div>
          <div class="mb-4">
            <div class="text-end mb-2">
              <span class="fw-semibold h6">Total (3 items):</span>
              <span class="h4 text-danger fw-bolder"><sup>$</sup>285.85</span>
            </div>
            <p class="text-secondary text-end fsm-3">
              <em>* All taxes and fees included</em>
            </p>
          </div>
        </div>
        <div class="row g-3">
          <div class="col-6">
            <a
              href="https://miso.bithemer.com/shopping-cart.html"
              class="btn btn-lg fs-6 btn-outline-dark w-100 rounded-0"
            >
              <i class="bi bi-bag"></i>
              <span>View Cart</span>
            </a>
          </div>
          <div class="col-6">
            <a
              href="https://miso.bithemer.com/checkout.html"
              class="btn btn-lg fs-6 btn-dark w-100 rounded-0"
            >
              <i class="bi bi-credit-card"></i>
              <span>Checkout</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <!-- /Offcanvas cart -->

    <!-- Modal Login -->
    <div
      class="modal fade"
      id="mdlLogin"
      data-bs-keyboard="false"
      tabindex="-1"
      aria-labelledby="mdlLoginTitle"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content p-3">
          <div class="modal-header">
            <h3 class="modal-title" id="mdlLoginTitle">Login</h3>
            <button
              type="button"
              class="btn-close shadow-none"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
          </div>
          <div class="modal-body">
            <form
              class="needs-validation pt-2"
              method="post"
              novalidate=""
              action="https://miso.bithemer.com/dashboard.html"
            >
              <!-- Login Email -->
              <div class="mb-8">
                <div class="mb-4">
                  <label for="txtEmail2" class="form-label"
                    >Email<span class="text-danger">*</span></label
                  >
                  <input
                    class="form-control form-control-lg fs-6 shadow-none rounded-0"
                    type="email"
                    id="txtEmail2"
                    name="username2"
                    value=""
                    placeholder=""
                    required=""
                  />
                  <div class="invalid-feedback">Please enter email.</div>
                </div>
                <div class="mb-4">
                  <label for="txtPassword2" class="form-label"
                    >Password<span class="text-danger">*</span></label
                  >
                  <input
                    class="form-control form-control-lg fs-6 shadow-none rounded-0"
                    id="txtPassword2"
                    name="password2"
                    placeholder=""
                    value=""
                    type="password"
                    required=""
                  />
                  <div class="invalid-feedback">Please enter password.</div>
                </div>
                <div class="row">
                  <div class="col-6">
                    <div class="mb-4">
                      <div class="form-check">
                        <input
                          class="form-check-input shadow-none"
                          type="checkbox"
                          value=""
                          id="chkRemember2"
                        />
                        <label class="form-check-label" for="chkRemember2"
                          ><span class="text-body">Remember me</span></label
                        >
                      </div>
                    </div>
                  </div>
                  <div class="col-6">
                    <div class="mb-4 text-end">
                      <a
                        href="https://miso.bithemer.com/product-grid.html#mdlForgotPassword"
                        data-bs-toggle="modal"
                        >Forgot password?</a
                      >
                    </div>
                  </div>
                </div>
                <div class="mb-4">
                  <button
                    type="submit"
                    class="btn btn-lg fs-6 btn-dark w-50 rounded-0"
                    id="btnSubmit2"
                  >
                    <i class="bi bi-shield-lock"></i>
                    <span>Login</span>
                  </button>
                </div>
              </div>
              <hr />
              <div class="mb-2">
                New here?
                <a
                  href="https://miso.bithemer.com/product-grid.html#mdlRegister"
                  data-bs-toggle="modal"
                  >Create an account</a
                >
              </div>
              <!-- /Login Email -->
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- /Modal Login -->

    <!-- Modal Forgot Password -->
    <div
      class="modal fade"
      id="mdlForgotPassword"
      data-bs-keyboard="false"
      tabindex="-1"
      aria-labelledby="mdlForgotPasswordTitle"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content p-3">
          <div class="modal-header">
            <h3 class="modal-title" id="mdlForgotPasswordTitle">
              Forgot Password
            </h3>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
          </div>
          <div class="modal-body">
            <form
              class="needs-validation"
              method="post"
              novalidate=""
              action="https://miso.bithemer.com/new-password.html"
            >
              <div class="mb-4">
                <label for="txtEmail4" class="form-label"
                  >Email<span class="text-danger">*</span></label
                >
                <input
                  class="form-control form-control-lg fs-6 shadow-none rounded-0"
                  type="email"
                  id="txtEmail4"
                  name="username4"
                  value=""
                  placeholder=""
                  required=""
                />
                <div class="invalid-feedback">Please enter Email.</div>
              </div>
              <p>
                <strong class="fw-medium">Note:</strong> A link will be sent to
                your mail, you need to click on it to create a new password.
              </p>
              <div class="mb-4">
                <button
                  type="submit"
                  class="btn btn-lg fs-6 btn-dark w-50 rounded-0 rounded-0"
                  id="btnSubmit4"
                >
                  <i class="bi bi-envelope"></i>
                  <span>Send link</span>
                </button>
              </div>
              <hr />
              <div class="mb-2">
                Remember Password?
                <a
                  href="https://miso.bithemer.com/product-grid.html#mdlLogin"
                  data-bs-toggle="modal"
                  >Login</a
                >
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- /Modal Forgot Password -->

    <!-- Modal Register -->
    <div
      class="modal fade"
      id="mdlRegister"
      data-bs-keyboard="false"
      tabindex="-1"
      aria-labelledby="mdlRegisterTitle"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content p-3">
          <div class="modal-header">
            <h3 class="modal-title" id="mdlRegisterTitle">Register</h3>
            <button
              type="button"
              class="btn-close"
              data-bs-dismiss="modal"
              aria-label="Close"
            ></button>
          </div>
          <div class="modal-body">
            <form
              class="needs-validation pt-2"
              method="post"
              novalidate=""
              action="https://miso.bithemer.com/login.html"
            >
              <!-- Register -->
              <div class="row">
                <div class="col-24">
                  <div class="mb-4">
                    <label for="txtEmail3" class="form-label"
                      >Email<span class="text-danger">*</span></label
                    >
                    <input
                      class="form-control form-control-lg fs-6 shadow-none rounded-0"
                      id="txtEmail3"
                      type="email"
                      name="email3"
                      value=""
                      placeholder=""
                      required=""
                    />
                    <div class="invalid-feedback">Please enter Email.</div>
                  </div>
                </div>
                <div class="col-24">
                  <div class="mb-4">
                    <label for="txtPassword3" class="form-label"
                      >Password<span class="text-danger">*</span></label
                    >
                    <input
                      class="form-control form-control-lg fs-6 shadow-none rounded-0"
                      id="txtPassword3"
                      name="password3"
                      placeholder=""
                      value=""
                      type="password"
                      required=""
                    />
                    <div class="invalid-feedback">Please enter password.</div>
                  </div>
                </div>
                <div class="col-24">
                  <div class="mb-4">
                    <label for="txtRetypePassword3" class="form-label"
                      >Retype password<span class="text-danger">*</span></label
                    >
                    <input
                      class="form-control form-control-lg fs-6 shadow-none rounded-0"
                      id="txtRetypePassword3"
                      name="retypepassword3"
                      placeholder=""
                      value=""
                      type="password"
                      required=""
                    />
                    <div class="invalid-feedback">Please enter password.</div>
                  </div>
                </div>
              </div>
              <div class="form-check mb-4">
                <input
                  class="form-check-input shadow-none rounded-0"
                  type="checkbox"
                  value=""
                  id="chckAgree3"
                  required=""
                />
                <label class="form-check-label" for="chckAgree3">
                  I agree to
                  <a
                    href="https://miso.bithemer.com/product-grid.html#"
                    class="hover"
                    >terms and policy<span class="text-danger">*</span></a
                  >.
                </label>
              </div>
              <div class="mb-4">
                <button
                  class="btn btn-lg fs-6 btn-dark w-50 rounded-0"
                  id="btnSubmit3"
                >
                  <i class="bi bi-person-lock"></i>
                  <span>Register</span>
                </button>
              </div>
              <hr />
              <div class="mb-2">
                Already have an account?
                <a
                  href="https://miso.bithemer.com/product-grid.html#mdlLogin"
                  data-bs-toggle="modal"
                  >Login</a
                >
              </div>
              <!-- /Register -->
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- /Modal Register -->

    <!-- Main -->
    <main>
      <!-- Title -->
      <section
        id="titile"
        class="page-title mb-5 bg-body-secondary"
        data-cue="fadeIn"
        data-show="true"
        style="
          animation-name: fadeIn;
          animation-duration: 600ms;
          animation-timing-function: ease;
          animation-delay: 0ms;
          animation-direction: normal;
          animation-fill-mode: both;
        "
      >
        <div class="container">
          <div class="text-center">
            <h1 class="title me-lg-auto mb-3">Women's wear</h1>
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb mb-3 text-secondary justify-content-center">
                <li class="breadcrumb-item">
                  <a
                    href="https://miso.bithemer.com/product-grid.html#"
                    class="link-dark"
                    >Home</a
                  >
                </li>
                <li class="breadcrumb-item">
                  <a
                    href="https://miso.bithemer.com/product-grid.html#"
                    class="link-dark"
                    >Shop</a
                  >
                </li>
                <li class="breadcrumb-item active" aria-current="page">
                  Women's wear
                </li>
              </ol>
            </nav>
          </div>
        </div>
      </section>
      <!-- /Title -->

      <!-- Products -->
      <section id="product" class="mb-5">
        <div class="container">
          <div class="row">
            <div class="col-12 col-xl-3 col-lg-4">
              <div
                class="pe-0 pe-lg-3"
                data-cue="fadeIn"
                data-show="true"
                style="
                  animation-name: fadeIn;
                  animation-duration: 600ms;
                  animation-timing-function: ease;
                  animation-delay: 0ms;
                  animation-direction: normal;
                  animation-fill-mode: both;
                "
              >
                <!-- Filter -->
                <div
                  class="offcanvas-lg offcanvas-start"
                  tabindex="-1"
                  id="ocFilter"
                  aria-labelledby="ocFilterLabel"
                >
                  <div class="offcanvas-header">
                    <h3 class="offcanvas-title" id="ocFilterLabel">
                      Filter products
                    </h3>
                    <button
                      type="button"
                      class="btn-close"
                      data-bs-dismiss="offcanvas"
                      data-bs-target="#ocFilter"
                      aria-label="Close"
                    ></button>
                  </div>
                  <div class="offcanvas-body">
                    <form class="w-100 mb-4 product-filter">
                      <div class="accordion" id="acdFilter">
                        <!-- Categories -->
                        <div class="accordion-item rounded-0">
                          <h2 class="accordion-header">
                            <button
                              class="accordion-button bg-transparent rounded-0 shadow-none text-body-emphasis"
                              type="button"
                              data-bs-toggle="collapse"
                              data-bs-target="#filterCaterory"
                              aria-expanded="true"
                              aria-controls="filterCaterory"
                            >
                              <span class="fs-5 fw-medium">Categories</span>
                            </button>
                          </h2>
                          <div
                            id="filterCaterory"
                            class="accordion-collapse collapse show"
                          >
                            <div class="accordion-body pt-0">
                              <ul class="nav flex-column">
                                <li class="nav-item">
                                  <a
                                    class="nav-link pt-1 pb-1 ps-0 pe-0 link-primary fw-medium"
                                    aria-current="page"
                                    href="https://miso.bithemer.com/product-grid.html#"
                                    >Women</a
                                  >
                                </li>
                                <li class="nav-item">
                                  <a
                                    class="nav-link pt-1 pb-1 ps-0 pe-0 link-body-emphasis fw-medium"
                                    href="https://miso.bithemer.com/product-grid.html#"
                                    >Men</a
                                  >
                                </li>
                                <li class="nav-item">
                                  <a
                                    class="nav-link pt-1 pb-1 ps-0 pe-0 link-body-emphasis fw-medium"
                                    href="https://miso.bithemer.com/product-grid.html#"
                                    >Kids</a
                                  >
                                  <ul class="nav flex-column ms-4">
                                    <li class="nav-item">
                                      <a
                                        class="nav-link p-0 link-body-emphasis"
                                        aria-current="page"
                                        href="https://miso.bithemer.com/product-grid.html#"
                                        >Girls</a
                                      >
                                    </li>
                                    <li class="nav-item">
                                      <a
                                        class="nav-link p-0 link-body-emphasis"
                                        href="https://miso.bithemer.com/product-grid.html#"
                                        >Boys</a
                                      >
                                    </li>
                                  </ul>
                                </li>
                                <li class="nav-item">
                                  <a
                                    class="nav-link pt-1 pb-1 ps-0 pe-0 link-body-emphasis fw-medium"
                                    >Accessories</a
                                  >
                                  <ul class="nav flex-column ms-4">
                                    <li class="nav-item">
                                      <a
                                        class="nav-link p-0 link-body-emphasis"
                                        aria-current="page"
                                        href="https://miso.bithemer.com/product-grid.html#"
                                        >Wallets</a
                                      >
                                    </li>
                                    <li class="nav-item">
                                      <a
                                        class="nav-link p-0 link-body-emphasis"
                                        href="https://miso.bithemer.com/product-grid.html#"
                                        >Bags</a
                                      >
                                    </li>
                                    <li class="nav-item">
                                      <a
                                        class="nav-link p-0 link-body-emphasis"
                                        href="https://miso.bithemer.com/product-grid.html#"
                                        >Shoses</a
                                      >
                                    </li>
                                    <li class="nav-item">
                                      <a
                                        class="nav-link p-0 link-body-emphasis"
                                        href="https://miso.bithemer.com/product-grid.html#"
                                        >Glasses</a
                                      >
                                    </li>
                                    <li class="nav-item">
                                      <a
                                        class="nav-link p-0 link-body-emphasis"
                                        href="https://miso.bithemer.com/product-grid.html#"
                                        >Watches</a
                                      >
                                    </li>
                                    <li class="nav-item">
                                      <a
                                        class="nav-link p-0 link-body-emphasis"
                                        href="https://miso.bithemer.com/product-grid.html#"
                                        >Watches</a
                                      >
                                    </li>
                                  </ul>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                        <!-- /Categories -->
                        <!-- Price -->
                        <div class="accordion-item">
                          <h2 class="accordion-header">
                            <button
                              class="accordion-button bg-transparent rounded-0 shadow-none text-body-emphasis collapsed"
                              type="button"
                              data-bs-toggle="collapse"
                              data-bs-target="#filterPrice"
                              aria-expanded="false"
                              aria-controls="filterPrice"
                            >
                              <span class="fs-5 fw-medium">Price</span>
                            </button>
                          </h2>
                          <div
                            id="filterPrice"
                            class="accordion-collapse collapse"
                          >
                            <div class="accordion-body">
                              <div class="price-range" data-range-price="">
                                <div class="row price-input mb-3">
                                  <div class="col-6">
                                    <label for="txtMinPrice" class="form-label"
                                      >Min price</label
                                    >
                                    <div class="input-group mb-6">
                                      <span class="input-group-text rounded-0"
                                        >$</span
                                      >
                                      <input
                                        type="number"
                                        class="form-control shadow-none rounded-0"
                                        aria-label="Min price"
                                        value="300"
                                        id="txtMinPrice"
                                        readonly=""
                                      />
                                    </div>
                                  </div>
                                  <div class="col-6">
                                    <label for="txtMaxPrice" class="form-label"
                                      >Max price</label
                                    >
                                    <div class="input-group mb-6">
                                      <span class="input-group-text rounded-0"
                                        >$</span
                                      >
                                      <input
                                        type="number"
                                        class="form-control shadow-none rounded-0"
                                        aria-label="Max price"
                                        value="1000"
                                        id="txtMaxPrice"
                                        readonly=""
                                      />
                                    </div>
                                  </div>
                                </div>
                                <div class="price-slider">
                                  <div class="slider">
                                    <div
                                      class="progress"
                                      style="left: 12%; right: 60%"
                                    ></div>
                                  </div>
                                  <div class="range-input">
                                    <input
                                      type="range"
                                      class="range-min"
                                      min="0"
                                      max="2500"
                                      value="300"
                                      step="10"
                                    />
                                    <input
                                      type="range"
                                      class="range-max"
                                      min="0"
                                      max="2500"
                                      value="1000"
                                      step="10"
                                    />
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <!-- /Price -->
                        <!-- Sizes -->
                        <div class="accordion-item">
                          <h2 class="accordion-header">
                            <button
                              class="accordion-button bg-transparent rounded-0 shadow-none text-body-emphasis collapsed"
                              type="button"
                              data-bs-toggle="collapse"
                              data-bs-target="#filterSize"
                              aria-expanded="false"
                              aria-controls="filterSize"
                            >
                              <span class="fs-5 fw-medium">Size</span>
                            </button>
                          </h2>
                          <div
                            id="filterSize"
                            class="accordion-collapse collapse"
                          >
                            <div class="accordion-body">
                              <ul class="list-inline mb-0">
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="radio"
                                      class="btn-check"
                                      name="size-group"
                                      id="sizeXS"
                                    />
                                    <label
                                      class="btn btn-sm btn-outline-secondary mw-sm rounded-0"
                                      for="sizeXS"
                                      >XS</label
                                    >
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="radio"
                                      class="btn-check"
                                      name="size-group"
                                      id="sizeS"
                                    />
                                    <label
                                      class="btn btn-sm btn-outline-secondary mw-sm rounded-0"
                                      for="sizeS"
                                      >S</label
                                    >
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="radio"
                                      class="btn-check"
                                      name="size-group"
                                      id="sizeM"
                                    />
                                    <label
                                      class="btn btn-sm btn-outline-secondary mw-sm rounded-0"
                                      for="sizeM"
                                      >M</label
                                    >
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="radio"
                                      class="btn-check"
                                      name="size-group"
                                      id="sizeL"
                                    />
                                    <label
                                      class="btn btn-sm btn-outline-secondary mw-sm rounded-0"
                                      for="sizeL"
                                      >L</label
                                    >
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="radio"
                                      class="btn-check"
                                      name="size-group"
                                      id="sizeXL"
                                    />
                                    <label
                                      class="btn btn-sm btn-outline-secondary mw-sm rounded-0"
                                      for="sizeXL"
                                      >XL</label
                                    >
                                  </div>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                        <!-- /Sizes -->
                        <!-- Colors -->
                        <div class="accordion-item">
                          <h2 class="accordion-header">
                            <button
                              class="accordion-button bg-transparent rounded-0 shadow-none text-body-emphasis collapsed"
                              type="button"
                              data-bs-toggle="collapse"
                              data-bs-target="#filterColor"
                              aria-expanded="false"
                              aria-controls="filterColor"
                            >
                              <span class="fs-5 fw-medium">Color</span>
                            </button>
                          </h2>
                          <div
                            id="filterColor"
                            class="accordion-collapse collapse"
                          >
                            <div class="accordion-body">
                              <ul class="list-inline mb-0">
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorRed"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-red rounded-0"
                                      for="colorRed"
                                    ></label>
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorPink"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-pink rounded-0"
                                      for="colorPink"
                                    ></label>
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorPuple"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-purple rounded-0"
                                      for="colorPuple"
                                    ></label>
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorblue"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-blue rounded-0"
                                      for="colorblue"
                                    ></label>
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorGreen"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-green rounded-0"
                                      for="colorGreen"
                                    ></label>
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorYellow"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-yellow rounded-0"
                                      for="colorYellow"
                                    ></label>
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorOrange"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-orange rounded-0"
                                      for="colorOrange"
                                    ></label>
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorBrown"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-brown rounded-0"
                                      for="colorBrown"
                                    ></label>
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorGray"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-gray rounded-0"
                                      for="colorGray"
                                    ></label>
                                  </div>
                                </li>
                                <li class="list-inline-item me-1">
                                  <div class="mb-2">
                                    <input
                                      type="checkbox"
                                      class="btn-check"
                                      id="colorDark"
                                    />
                                    <label
                                      class="btn btn-sm btn-color btn-color-dark rounded-0"
                                      for="colorDark"
                                    ></label>
                                  </div>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                        <!-- /Colors -->
                        <!-- Brand -->
                        <div class="accordion-item">
                          <h2 class="accordion-header">
                            <button
                              class="accordion-button bg-transparent rounded-0 shadow-none text-body-emphasis collapsed"
                              type="button"
                              data-bs-toggle="collapse"
                              data-bs-target="#filterBrand"
                              aria-expanded="false"
                              aria-controls="filterBrand"
                            >
                              <span class="fs-5 fw-medium">Brand</span>
                            </button>
                          </h2>
                          <div
                            id="filterBrand"
                            class="accordion-collapse collapse"
                          >
                            <div class="accordion-body">
                              <ul class="list-unstyled">
                                <li>
                                  <div class="form-check mb-3">
                                    <input
                                      class="form-check-input shadow-none"
                                      type="checkbox"
                                      value=""
                                      id="chkLamada"
                                    />
                                    <label
                                      class="form-check-label"
                                      for="chkLamada"
                                    >
                                      Lamda
                                    </label>
                                  </div>
                                </li>
                                <li>
                                  <div class="form-check mb-3">
                                    <input
                                      class="form-check-input shadow-none"
                                      type="checkbox"
                                      value=""
                                      id="chkBeto"
                                    />
                                    <label
                                      class="form-check-label"
                                      for="chkBeto"
                                    >
                                      Beto
                                    </label>
                                  </div>
                                </li>
                                <li>
                                  <div class="form-check mb-3">
                                    <input
                                      class="form-check-input shadow-none"
                                      type="checkbox"
                                      value=""
                                      id="chkMilax"
                                    />
                                    <label
                                      class="form-check-label"
                                      for="chkMilax"
                                    >
                                      Milax
                                    </label>
                                  </div>
                                </li>
                                <li>
                                  <div class="form-check mb-3">
                                    <input
                                      class="form-check-input shadow-none"
                                      type="checkbox"
                                      value=""
                                      id="chkNakimi"
                                    />
                                    <label
                                      class="form-check-label"
                                      for="chkNakimi"
                                    >
                                      Nakami
                                    </label>
                                  </div>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                        <!-- /Brand -->
                        <!-- Gender -->
                        <div class="accordion-item">
                          <h2 class="accordion-header">
                            <button
                              class="accordion-button bg-transparent rounded-0 shadow-none text-body-emphasis collapsed"
                              type="button"
                              data-bs-toggle="collapse"
                              data-bs-target="#filteGender"
                              aria-expanded="false"
                              aria-controls="filteGender"
                            >
                              <span class="fs-5 fw-medium">Gender</span>
                            </button>
                          </h2>
                          <div
                            id="filteGender"
                            class="accordion-collapse collapse"
                          >
                            <div class="accordion-body">
                              <ul class="list-unstyled">
                                <li>
                                  <div class="form-check mb-3">
                                    <input
                                      class="form-check-input shadow-none"
                                      type="radio"
                                      name="gender-group"
                                      value=""
                                      id="chkWomen"
                                    />
                                    <label
                                      class="form-check-label"
                                      for="chkWomen"
                                    >
                                      Women
                                    </label>
                                  </div>
                                </li>
                                <li>
                                  <div class="form-check mb-3">
                                    <input
                                      class="form-check-input shadow-none"
                                      type="radio"
                                      name="gender-group"
                                      value=""
                                      id="chkMen"
                                    />
                                    <label
                                      class="form-check-label"
                                      for="chkMen"
                                    >
                                      Men
                                    </label>
                                  </div>
                                </li>
                                <li>
                                  <div class="form-check mb-3">
                                    <input
                                      class="form-check-input shadow-none"
                                      type="radio"
                                      name="gender-group"
                                      value=""
                                      id="chkBoys"
                                    />
                                    <label
                                      class="form-check-label"
                                      for="chkBoys"
                                    >
                                      Boys
                                    </label>
                                  </div>
                                </li>
                                <li>
                                  <div class="form-check mb-3">
                                    <input
                                      class="form-check-input shadow-none"
                                      type="radio"
                                      name="gender-group"
                                      value=""
                                      id="chkGirls"
                                    />
                                    <label
                                      class="form-check-label"
                                      for="chkGirls"
                                    >
                                      Girls
                                    </label>
                                  </div>
                                </li>
                              </ul>
                            </div>
                          </div>
                        </div>
                        <!-- /Gender -->
                      </div>
                    </form>
                  </div>
                </div>
                <!-- Filter -->
              </div>
            </div>
            <div class="col-12 col-xl-9 col-lg-8">
              <!-- Options -->
              <div
                class="d-block d-md-flex align-items-center"
                data-cue="fadeIn"
                data-show="true"
                style="
                  animation-name: fadeIn;
                  animation-duration: 600ms;
                  animation-timing-function: ease;
                  animation-delay: 100ms;
                  animation-direction: normal;
                  animation-fill-mode: both;
                "
              >
                <div class="d-flex me-lg-auto mb-3">
                  <button
                    class="btn-ctr btn btn-outline-light rounded-0 me-2 d-flex d-lg-none"
                    data-bs-toggle="offcanvas"
                    data-bs-target="#ocFilter"
                    aria-controls="ocFilter"
                  >
                    <i class="bi bi-funnel"></i>
                  </button>
                  <a
                    href="https://miso.bithemer.com/product-grid.html"
                    class="btn-ctr btn btn-outline-light rounded-0 me-2"
                  >
                    <i class="bi bi-grid"></i>
                  </a>
                  <a
                    href="https://miso.bithemer.com/product-list.html"
                    class="btn-ctr btn btn-outline-light rounded-0 me-2"
                  >
                    <i class="bi bi-list"></i>
                  </a>
                </div>
                <div class="d-flex align-items-center mb-3">
                  <form class="pe-3">
                    <select class="form-select shadow-none rounded-0">
                      <option value="1" selected="selected">
                        Default sorting
                      </option>
                      <option value="2">Sort by popularity</option>
                      <option value="3">Sort by average rating</option>
                      <option value="4">Sort by latest</option>
                      <option value="5">Sort by price: low to high</option>
                      <option value="6">Sort by price: high to low</option>
                    </select>
                  </form>
                  <form>
                    <select class="form-select shadow-none rounded-0">
                      <option value="10" selected="selected">Show 10</option>
                      <option value="20">Show 20</option>
                      <option value="30">Show 30</option>
                      <option value="40">Show 40</option>
                      <option value="50">Show 50</option>
                    </select>
                  </form>
                </div>
              </div>
              <!-- Options -->
              <!-- Product list -->
              <div class="row g-4" data-cues="fadeIn" data-disabled="true">
                <div
                  class="col-12 col-lg-4 col-md-6"
                  data-cue="fadeIn"
                  data-show="true"
                  style="
                    animation-name: fadeIn;
                    animation-duration: 600ms;
                    animation-timing-function: ease;
                    animation-delay: 0ms;
                    animation-direction: normal;
                    animation-fill-mode: both;
                  "
                >
                  <!-- Product -->
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p4.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                  <!-- /Product -->
                </div>
                <div
                  class="col-12 col-lg-4 col-md-6"
                  data-cue="fadeIn"
                  data-show="true"
                  style="
                    animation-name: fadeIn;
                    animation-duration: 600ms;
                    animation-timing-function: ease;
                    animation-delay: 100ms;
                    animation-direction: normal;
                    animation-fill-mode: both;
                  "
                >
                  <!-- Product -->
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p5.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                  <!-- /Product -->
                </div>
                <div
                  class="col-12 col-lg-4 col-md-6"
                  data-cue="fadeIn"
                  data-show="true"
                  style="
                    animation-name: fadeIn;
                    animation-duration: 600ms;
                    animation-timing-function: ease;
                    animation-delay: 200ms;
                    animation-direction: normal;
                    animation-fill-mode: both;
                  "
                >
                  <!-- Product -->
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p6.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                  <!-- /Product -->
                </div>
                <div
                  class="col-12 col-lg-4 col-md-6"
                  data-cue="fadeIn"
                  data-show="true"
                  style="
                    animation-name: fadeIn;
                    animation-duration: 600ms;
                    animation-timing-function: ease;
                    animation-delay: 0ms;
                    animation-direction: normal;
                    animation-fill-mode: both;
                  "
                >
                  <!-- Product -->
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p7.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                  <!-- /Product -->
                </div>
                <div
                  class="col-12 col-lg-4 col-md-6"
                  data-cue="fadeIn"
                  data-show="true"
                  style="
                    animation-name: fadeIn;
                    animation-duration: 600ms;
                    animation-timing-function: ease;
                    animation-delay: 100ms;
                    animation-direction: normal;
                    animation-fill-mode: both;
                  "
                >
                  <!-- Product -->
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p8.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                  <!-- /Product -->
                </div>
                <div
                  class="col-12 col-lg-4 col-md-6"
                  data-cue="fadeIn"
                  data-show="true"
                  style="
                    animation-name: fadeIn;
                    animation-duration: 600ms;
                    animation-timing-function: ease;
                    animation-delay: 200ms;
                    animation-direction: normal;
                    animation-fill-mode: both;
                  "
                >
                  <!-- Product -->
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p9.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                  <!-- /Product -->
                </div>
                <div
                  class="col-12 col-lg-4 col-md-6"
                  data-cue="fadeIn"
                  data-show="true"
                  style="
                    animation-name: fadeIn;
                    animation-duration: 600ms;
                    animation-timing-function: ease;
                    animation-delay: 0ms;
                    animation-direction: normal;
                    animation-fill-mode: both;
                  "
                >
                  <!-- Product -->
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p10.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                  <!-- /Product -->
                </div>
                <div
                  class="col-12 col-lg-4 col-md-6"
                  data-cue="fadeIn"
                  data-show="true"
                  style="
                    animation-name: fadeIn;
                    animation-duration: 600ms;
                    animation-timing-function: ease;
                    animation-delay: 100ms;
                    animation-direction: normal;
                    animation-fill-mode: both;
                  "
                >
                  <!-- Product -->
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p11.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                  <!-- /Product -->
                </div>
                <div
                  class="col-12 col-lg-4 col-md-6"
                  data-cue="fadeIn"
                  data-show="true"
                  style="
                    animation-name: fadeIn;
                    animation-duration: 600ms;
                    animation-timing-function: ease;
                    animation-delay: 200ms;
                    animation-direction: normal;
                    animation-fill-mode: both;
                  "
                >
                  <!-- Product -->
                  <div class="card card-product text-center border-0 rounded-0">
                    <div class="card-img-box position-relative overflow-hidden">
                      <a
                        href="https://miso.bithemer.com/single-product.html"
                        class="card-img-link"
                      >
                        <img
                          src="./static/img/p12.jpg"
                          class="card-img-top rounded-0"
                          alt="..."
                        />
                      </a>
                      <a
                        href="https://miso.bithemer.com/shopping-cart.html"
                        class="btn-add-cart btn btn-lg btn-dark w-100 fs-6 rounded-0 bottom-0 start-0 position-absolute"
                      >
                        <i class="bi bi-bag"></i>
                        <span>Add to cart</span>
                      </a>
                      <button
                        type="button"
                        class="btn-like liked fs-6 btn btn-lg btn-outline-light p-0 position-absolute top-0 end-0 rounded-circle mt-3 me-3"
                      >
                        <i class="bi bi-heart"></i>
                      </button>
                    </div>
                    <div class="card-body">
                      <h5 class="card-title fw-normal">
                        <a
                          href="https://miso.bithemer.com/single-product.html"
                          class="link-body-emphasis"
                          >Simul intellegam</a
                        >
                      </h5>
                      <div class="card-text">
                        <strong class="text-danger">$89</strong>
                        <del class="text-secondary">$99</del>
                      </div>
                    </div>
                  </div>
                  <!-- /Product -->
                </div>
              </div>
              <!-- /Product list -->
              <!-- Load more -->
              <div
                class="text-center pt-4"
                data-cue="fadeIn"
                data-show="true"
                style="
                  animation-name: fadeIn;
                  animation-duration: 600ms;
                  animation-timing-function: ease;
                  animation-delay: 0ms;
                  animation-direction: normal;
                  animation-fill-mode: both;
                "
              >
                <button class="btn btn-lg fs-6 btn-outline-dark rounded-0">
                  <i class="bi bi-arrow-clockwise"></i>
                  <span>Load more</span>
                </button>
              </div>
              <!-- /Load more -->
            </div>
          </div>
        </div>
      </section>
      <!-- /Products -->
    </main>
    <!-- /Main -->

    <!-- Footer -->
    <footer
      id="footer"
      class="pt-5 pb-5 bg-dark"
      data-bs-theme="dark"
      data-cue="fadeIn"
      data-show="true"
      style="
        animation-name: fadeIn;
        animation-duration: 600ms;
        animation-timing-function: ease;
        animation-delay: 0ms;
        animation-direction: normal;
        animation-fill-mode: both;
      "
    >
      <div class="container">
        <!-- Footer top -->
        <div class="border-bottom text-body-tertiary">
          <div class="row">
            <div
              class="col-12 col-lg-3 col-md-6"
              data-cue="fadeIn"
              data-show="true"
              style="
                animation-name: fadeIn;
                animation-duration: 600ms;
                animation-timing-function: ease;
                animation-delay: 0ms;
                animation-direction: normal;
                animation-fill-mode: both;
              "
            >
              <!-- Brand -->
              <div class="mb-5">
                <a
                  href="https://miso.bithemer.com/index.html"
                  class="d-inline-flex align-items-center fs-3 fw-semibold text-white mb-4"
                >
                  <img src="./static/img/logo-footer.png" alt="" height="32" />
                </a>
                <p>
                  <em
                    >Sed diam constituam ei, qui erat probo dissentiet ex. Id
                    vim libris volutpat, pri cu errem timeam cotidieque, purto
                    summo has te. An quis eligendi atomorum duo, latine veritus
                    vituperata vim.</em
                  >
                </p>
              </div>
              <!-- /Brand -->
            </div>
            <div
              class="col-12 col-lg-3 col-md-6"
              data-cue="fadeIn"
              data-show="true"
              style="
                animation-name: fadeIn;
                animation-duration: 600ms;
                animation-timing-function: ease;
                animation-delay: 100ms;
                animation-direction: normal;
                animation-fill-mode: both;
              "
            >
              <!-- Contact Info -->
              <div class="mb-4">
                <h5 class="text-body-emphasis">Contact Info</h5>
                <div class="pt-2">
                  <p>
                    <span>610 Placer Loquen, Paris, France.</span>
                  </p>
                  <p>
                    <span>+33 321-654-9876 (Ext: 123).</span>
                  </p>
                  <p>
                    <a
                      href="https://miso.bithemer.com/product-grid.html#"
                      class="text-body link-hover-primary"
                      >contact@example.com</a
                    >
                  </p>
                  <p>
                    <a
                      href="https://miso.bithemer.com/product-grid.html#"
                      class="text-body link-hover-primary"
                      >www.example.com</a
                    >
                  </p>
                </div>
              </div>
              <!-- /Contact Info -->
            </div>
            <div
              class="col-12 col-lg-3 col-md-6"
              data-cue="fadeIn"
              data-show="true"
              style="
                animation-name: fadeIn;
                animation-duration: 600ms;
                animation-timing-function: ease;
                animation-delay: 200ms;
                animation-direction: normal;
                animation-fill-mode: both;
              "
            >
              <!-- Quick Links -->
              <div class="mb-4">
                <h5 class="text-body-emphasis">Quick Links</h5>
                <div class="row">
                  <div class="col-6">
                    <ul class="nav flex-column">
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/about.html"
                          >About</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/blog.html"
                          >BLog</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/blank.html"
                          >Help?</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/contact.html"
                          >Contact Us</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="col-6">
                    <ul class="nav flex-column">
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/product-grid.html"
                          >Women</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/product-grid.html"
                          >Men</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/product-grid.html"
                          >Kids</a
                        >
                      </li>
                      <li class="nav-item">
                        <a
                          class="nav-link text-body link-hover-primary ps-0 pe-0"
                          href="https://miso.bithemer.com/product-grid.html"
                          >Accessories</a
                        >
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
              <!-- /Quick Links -->
            </div>
            <div
              class="col-12 col-lg-3 col-md-6"
              data-cue="fadeIn"
              data-show="true"
              style="
                animation-name: fadeIn;
                animation-duration: 600ms;
                animation-timing-function: ease;
                animation-delay: 300ms;
                animation-direction: normal;
                animation-fill-mode: both;
              "
            >
              <div class="mb-4">
                <!-- Mobile App -->
                <div class="mb-3">
                  <h5 class="text-body-emphasis">Subscribe</h5>
                  <div class="mb-4">
                    <small class="d-block mb-2"
                      >Lorem ipsum dolor sit amet, pro no prima</small
                    >
                    <div class="input-group input-group-lg mb-3">
                      <input
                        type="text"
                        class="form-control fs-6 shadow-none rounded-0"
                        placeholder="Recipient&#39;s username"
                        aria-label="Recipient&#39;s username"
                        aria-describedby="button-addon2"
                      />
                      <button
                        class="btn btn-primary fs-6 rounded-0"
                        type="button"
                        id="button-addon2"
                      >
                        Submit
                      </button>
                    </div>
                  </div>
                </div>
                <!-- /Mobile App -->
                <!-- Social -->
                <div class="mb-4">
                  <h5 class="text-body-emphasis mb-3">Connect social</h5>
                  <div class="social-links d-inline-flex align-items-center">
                    <a
                      href="https://miso.bithemer.com/product-grid.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-facebook"></i
                    ></a>
                    <a
                      href="https://miso.bithemer.com/product-grid.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-twitter"></i
                    ></a>
                    <a
                      href="https://miso.bithemer.com/product-grid.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-instagram"></i
                    ></a>
                    <a
                      href="https://miso.bithemer.com/product-grid.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-pinterest"></i
                    ></a>
                    <a
                      href="https://miso.bithemer.com/product-grid.html#"
                      class="ms-1 me-1 link-secondary"
                      ><i class="bi bi-youtube"></i
                    ></a>
                  </div>
                </div>
                <!-- /Social -->
              </div>
            </div>
          </div>
        </div>
        <!-- /Footer top -->
        <!-- Footer Bottom -->
        <div class="mt-4 text-body-tertiary" data-bs-theme="dark">
          <div class="row">
            <div class="col-12 col-lg-6">
              <p>© 2023 Miso. All rights reserved.</p>
            </div>
            <div class="col-12 col-lg-6">
              <div class="text-start text-md-end">
                <ul class="list-inline">
                  <li class="list-inline-item">
                    <a
                      class="text-body link-hover-primary"
                      href="https://miso.bithemer.com/blank.html"
                      >Privacy Policy</a
                    >
                  </li>
                  <li class="list-inline-item">
                    <a
                      class="text-body link-hover-primary"
                      href="https://miso.bithemer.com/blank.html"
                      >Terms of Use</a
                    >
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!-- /Footer Bottom -->
      </div>
    </footer>
    <!-- /Footer -->

    <!-- Preloader -->

    <!-- /Preloader -->

    <script src="./static/js/bootstrap.bundle.min.js"></script>
    <script src="./static/js/glightbox.min.js"></script>
    <script src="./static/js/scrollcue.min.js"></script>
    <script src="./static/js/tiny-slider.min.js"></script>
    <script src="./static/js/countdown.min.js"></script>
    <script src="./static/js/main.js"></script>
  </body>
</html>
